<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="js/swiper/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.js"></script>
    <script src="js/swiper/index.js"></script>
</head>

<body>
    <div class="header">
        <a href="javascript:;" class="logo"></a>
    </div>
    <div class="mainNav">
        <a href="javascript:;" class="nav1 active"></a>
        <a href="about/company.html" class="nav2"></a>
        <a href="emperial.html" class="nav3"></a>
        <a href="life/index.html" class="nav4"></a>
        <a href="purchasing.html" class="nav5"></a>
    </div>
    <div class="comBanner">
        <div class="bannerTop"></div>
        <div class="swiper-container bannerWrap">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="img/index/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/index/banner2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/index/banner3.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="bannerBottom"></div>
    </div>
    <div class="indexWrap">
        <div class="section1 cWidth clearfix">
            <p class="verticalWrapRight fl">世罕泉天然苏打水，是由黑龙江省世罕泉饮品有限责任公司荣誉出品，始于2005年，是中国首家天然苏打水生产企业。世罕泉的问世，使中国成为世界上第五个拥有天然苏打水资源的国家。公司成立至今，一直致力于水与人体健康关系的探索，传播健康饮水文化，倡导高品质生活方式，用一款好水，为您的健康保驾护航。</p>
            <h3 class="verticalWrapRight fl"> 以水结缘，打造健康生活方式</h3>
        </div>
        <div class="section2">
            <div class="cWidth">
                <div class="comTitle">
                    <span>产品</span>
                </div>
            </div>
            <div class="contentWrap">
                <div class="content cWidth">
                    <ul class="clearfix">
                        <li>
                            <div class="img tea1"></div>
                            <div class="name">直饮</div>
                            <p class="text verticalWrapRight">世罕泉超强的代谢力，能有效调节35 岁后代谢力下降而带来的健康问题，从现在开始，坚持饮用世罕泉28 天，增强身体代谢力，让健康奇迹发生。</p>
                        </li>
                        <li>
                            <div class="img tea2"></div>
                            <div class="name">泡茶</div>
                            <p class="text verticalWrapRight">世罕泉的小分子团能彻底的溶解老茶中的营养物质，经多次冲泡仍然口感浓郁，特别适合冲煮红茶、普洱等茶汁浓厚的陈年老茶，沸腾的水浸</p>
                        </li>
                        <li>
                            <div class="img tea3"></div>
                            <div class="name">煲汤</div>
                            <p class="text verticalWrapRight">“水乳交融”是煲汤的最高境界。好的汤材，需与之相称的水的滋润来升华；而好水，也只有懂得欣赏和悦纳汤材的特质，才能尽显汤的卓然。</p>
                        </li>
                        <li>
                            <div class="img tea4"></div>
                            <div class="name">煮饭</div>
                            <p class="text verticalWrapRight">世罕泉超强的溶解力，能够将粥的营养和口感充分提升，让米中的微量元素和矿物质更好的渗透到人体细胞内。每一口饭，都充盈大自然的能量。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="section3">
            <div class="cWidth">
                <div class="comTitle">
                    <span>知识</span>
                </div>
                <div class="cont">
                    <a href="life/qa.html" class="img1"></a>
                    <a href="life/index.html" class="img2"></a>
                </div>
                <div class="comTitle addMargin">
                    <span>活动</span>
                </div>
                <div class="word">
                    <p>七月八日：卢玺文医师关于细胞活力讲座</p>
                    <p>五月二十五日：世罕泉农场自养土鸡蛋大派送</p>
                    <p>四月二十四日：水红包精心升级，敬请期待</p>
                    <p>三月三十日：世罕泉·思享会</p>
                </div>
            </div>
            <div class="ball1"></div>
            <div class="ball2"></div>
        </div>
        <div class="section4">
            <div class="content cWidth">
                <div class="img"></div>
            </div>
        </div>
    </div>
    <script src="js/index.js"></script>
</body>

</html>